<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/zone/other zone.css"/>
		<script src="../js/prefixfree.min.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<div class="web">
			<!--头-->
			<header>
				<div class="header-left">
					<a href="../activity/star.html"><i class="iconfont icon-fanhui"></i></a>
				</div>
				<div class="header-right">
					<a href=""><i class="iconfont icon-iconfont"></i></a>
					<a href=""><i class="iconfont icon-icon-"></i></a>
					<a href=""><i class="iconfont icon-gengduo"></i></a>
				</div>
				<div class="header-middle">
					<span>他的空间</span>
				</div>
				<div class="clear"></div>
			</header>
			
			<!--主体-->
			<section>
				<div class="Fion-presentation">
					<div class="header-img">
						<img src="../img/zone/header-img.png"/>
					</div>
					<div class="presentation">
						<p>Fion&nbsp;<span>V</span></p>
						<p>Artsbox认证：ACI 职业模特</p>
						<ul>
							<li><p>模特</p></li>
							<li><p>演员</p></li>
							<li><p>经纪</p></li>
							<div class="clear"></div>
						</ul>
						<p>18年宇宙超模地球赛区冠军</p>
					</div>
					<div class="concern">
						<div class="concern-concern">
							<p><a href="">+关注</a></p>
						</div>
						<div class="concern-cooperate">
							<p><a href="">邀她合作</a></p>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="Fion-fans">
					<div class="fans-left">
						<div class="fans">
							<img src="../img/zone/fans-look.jpg"/><span>96</span>
						</div>
						<div class="fans">
							<img src="../img/zone/fans-zan.jpg"/><span>100</span>
						</div>
						<div class="fans">
							<img src="../img/zone/fans-friend.jpg"/><span>96</span>
						</div>
					</div>
					<div class="fans-right">
						<table>
							<tbody>
								<tr>
									<td>
										<a href="">
											<p>10</p>
											<span>关注</span>
										</a>
									</td>
									<td>
										<a href="">
											<p>199999</p>
											<span>粉丝</span>
										</a>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="clear"></div>
				</div>
				<div class="Fion-tag">
					<div class="tag-all">
						<div class="tag">
							<img src="../img/zone/tag.png"/>
						</div>
						<ul>
							<li>
								<p>车展模特</p>
							</li>
							<li>
								<p>T台模特</p>
							</li>
							<li>
								<p>影视演员</p>
							</li>
							<li>
								<p>宅女</p>
							</li>
							<li>
								<p>烘焙</p>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
				</div>
				<div class="Fion-change">
					<ul class="tabs">
						<li>
							<input type="radio" name="tabs" id="tab1" checked />
							<label for="tab1">
								<div class="img1">
									<img src="../img/zone/material.png"/>
								</div>
								<p>资料</p>
							</label>
							<div id="tab-content1" class="tab-content">
								<div class="Fion-material">
									<div class="other-material">
										<div class="material-title">
											<p>基本资料</p>
										</div>
										<div class="material-centent">
											<p>昵称：</p>
											<p>真实姓名：</p>
											<p>个人简历：</p>
											<p>性别：</p>
											<p>居住地：</p>
											<p>籍贯：</p>
											<p>身份验证：</p>
											<p>身高：</p>
											<p>体重：</p>
											<p>毕业学校：</p>
											<p>所属机构：</p>
										</div>
										<div class="clear"></div>
									</div>
									<div class="other-material">
										<div class="material-title">
											<p>工作经验</p>
										</div>
										<div class="material-centent">
											
										</div>
									</div>
								</div>
							</div>
						</li>
		
						<li>
							<input type="radio" name="tabs" id="tab2" />
							<label for="tab2">
								<div class="img1">
									<img src="../img/zone/zdevelopments.png"/>
								</div>
								<p>动态</p>
							</label>
							<div id="tab-content2" class="tab-content">
								<div class="Fion-developments">
									
								</div>
							</div>
						</li>
						
						<li>
							<input type="radio" name="tabs" id="tab3"  />
							<label for="tab3">
								<div class="img1">
									<img src="../img/zone/wvideo.png"/>
								</div>
								<p>才艺秀</p>
							</label>
							<div id="tab-content3" class="tab-content">
								<div class="Fion-show">
									<div class="show">
										<div class="show-img">
											<img src="../img/zone/show-1.jpg"/>
										</div>
										<div class="show-bg">
											<div class="featured-image" rel="bookmark"><img src="../img/zone/kaishi.png"/></div>
										</div>
									</div>
									<div class="show">
										<div class="show-img">
											<img src="../img/zone/show-3.jpg"/>
										</div>
										<div class="show-bg">
											<div class="featured-image" rel="bookmark"><img src="../img/zone/kaishi.png"/></div>
										</div>
									</div>
									<div class="show">
										<div class="show-img">
											<img src="../img/zone/show-2.jpg"/>
										</div>
										<div class="show-bg">
											<div class="featured-image" rel="bookmark"><img src="../img/zone/kaishi.png"/></div>
										</div>
									</div>
									
									<div class="show-middle-left">
										<img src="../img/zone/show-music.jpg"/>
									</div>
									<div class="show-middle-right">
										<img src="../img/zone/show-music.jpg"/>
									</div>
									<div class="show-middle-middle">
										<img src="../img/zone/show-music.jpg"/>
									</div>
									
									<div class="show">
										<div class="show-img">
											<img src="../img/zone/show-1.jpg"/>
										</div>
										<div class="show-bg">
											<div class="featured-image" rel="bookmark"><img src="../img/zone/kaishi.png"/></div>
										</div>
									</div>
									<div class="show">
										<div class="show-img">
											<img src="../img/zone/show-3.jpg"/>
										</div>
										<div class="show-bg">
											<div class="featured-image" rel="bookmark"><img src="../img/zone/kaishi.png"/></div>
										</div>
									</div>
									<div class="show">
										<div class="show-img">
											<img src="../img/zone/show-2.jpg"/>
										</div>
										<div class="show-bg">
											<div class="featured-image" rel="bookmark"><img src="../img/zone/kaishi.png"/></div>
										</div>
									</div>
								</div>
							</div>
						</li>
						
						<li>
							<input type="radio" name="tabs" id="tab4" />
							<label for="tab4">
								<div class="img1">
									<img src="../img/zone/people.png"/>
								</div>
								<p>Artslife</p>
							</label>
							<div id="tab-content4" class="tab-content">
								<div class="Fion-life">
									
									<div class="life-release">
										<div class="release-title">
											<p>TA的发布</p>
										</div>
										<div class="release-message">
											<div class="release-img">
												<img src="../img/zone/release-img.jpg"/>
											</div>
											<div class="release-time">
												<!--h20-->
												<span>五天前</span>
											</div>
											<div class="release-centent">
												<!--h20-->
												<h6>Digimusic Fanclub&rarr;电音迷</h6>
												<!--h14-->
												<p>"techno house trance dubstep 工业舞...</p>
											</div>
											<div class="clear"></div>
										</div>
										<div class="release-message">
											<div class="release-img">
												<img src="../img/zone/release-img.jpg"/>
											</div>
											<div class="release-time">
												<!--h20-->
												<span>五天前</span>
											</div>
											<div class="release-centent">
												<!--h20-->
												<h6>Digimusic Fanclub&rarr;电音迷</h6>
												<!--h14-->
												<p>"techno house trance dubstep 工业舞...</p>
											</div>
											<div class="clear"></div>
										</div>
									</div>
									<div class="life-release">
										<div class="release-title">
											<p>参与的活动</p>
										</div>
										<div class="release-message">
											<div class="release-img">
												<img src="../img/zone/release-img.jpg"/>
											</div>
											<div class="release-time">
												<!--h20-->
												<span>五天前</span>
											</div>
											<div class="release-centent">
												<!--h20-->
												<h6>Digimusic Fanclub&rarr;电音迷</h6>
												<!--h14-->
												<p>"techno house trance dubstep 工业舞...</p>
											</div>
											<div class="clear"></div>
										</div>
									</div>
									<div class="life-release">
										<div class="release-title">
											<p>创建的圈子</p>
										</div>
										<div class="release-message">
											<div class="release-img">
												<img src="../img/zone/release-img.jpg"/>
											</div>
											<div class="release-time">
												<!--h20-->
												<span>五天前</span>
											</div>
											<div class="release-centent">
												<!--h20-->
												<h6>Digimusic Fanclub&rarr;电音迷</h6>
												<!--h14-->
												<p>"techno house trance dubstep 工业舞...</p>
											</div>
											<div class="clear"></div>
										</div>
									</div>
									<div class="life-release">
										<div class="release-title">
											<p>加入的圈子</p>
										</div>
										<div class="release-message">
											<div class="release-img">
												<img src="../img/zone/release-img.jpg"/>
											</div>
											<div class="release-time">
												<!--h20-->
												<span>五天前</span>
											</div>
											<div class="release-centent">
												<!--h20-->
												<h6>Digimusic Fanclub&rarr;电音迷</h6>
												<!--h14-->
												<p>"techno house trance dubstep 工业舞...</p>
											</div>
											<div class="clear"></div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="clear"></div>
				</div>
				<div class="Fion-centent">
					
				</div>
			</section>
			
			<!--尾-->
			<footer>
				
			</footer>
		</div>
	</body>
</html>
